<!-- 列表标签
    ul      无序列表
    ol      有序列表
    li      列表项

    dl      自定义列表
    dt      自定义项
    dd      自定义注释
-->





<!-- 技巧

    多行创建        指令>指令*n>{文本内容$}     
                ($自动生成序号，从1开始)
    

    多行创建同级标签        标签+标签
    

    id      标签.标签
    类      标签#标签

-->













<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>

<body>



    小黑子1
    小黑子2
    小黑子3

    <br>
    <hr>
    <br>

    <div>
        小黑子1
        小黑子2
        小黑子3
    </div>

    <br>
    <hr>
    <br>

    <div>
        <li>小黑子1</li>
        <li>小黑子2</li>
        <li>小黑子3</li>
    </div>

    <br>
    <hr>
    <br>

    <div>
        <ol>
            <li>小黑子1</li>
            <li>小黑子2</li>
            <li>小黑子3</li>
        </ol>
    </div>

    <br>
    <hr>
    <br>
    <div>
        <ul>
            <li>小黑子1</li>
            <li>小黑子2</li>
            <li>小黑子3</li>
        </ul>
    </div>


    <br>
    <hr>
    <br>


    <div>
        <dl>
            <dt>小黑子1</dt>
            <dd>小黑子你最好是！</dd>
            <dt>小黑子2</dt>
            <dd>小黑子你最好是！</dd>
            <dt>小黑子3</dt>
            <dd>小黑子你最好是！</dd>
        </dl>
    </div>
    <br>
    <hr>
    <br>


</body>

</html>